.products-details-container .breadcrumb-link {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin: 2.1rem 21.8rem 4.2rem 21rem;
  font-size: var(--dm-font-body-text);
}

.products-details-container .dm-border-line {
  border-right: 0.1rem solid #3c3c3c66;
  height: 1.1rem;
  margin-left: 0.9rem;
  display: inline-block;
  margin-right: 0.9rem;
}

.products-details-container .breadcrumb-item {
  display: inline !important;
}

.products-details-container .breadcrumb-item > a {
  font-size: var(--dm-font-body-text);
  font-weight: var(--dm-font-body-weight);
  line-height: var(--dm-font-body-line);
}

/* 灰色 */
.products-details-container .breadcrumb-item a.inactive {
  color: #3c3c3c66 !important;
}

/* 高亮 */
.products-details-container .breadcrumb-item a.active {
  color: var(--dm-color-primary) !important;
}

.products-details-container .breadcrumb-link .bread-center {
  gap: 0.9rem;
  display: inline;
  align-items: center;
}

.products-details-container .pd-title-text {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-h1-size);
  line-height: var(--dm-font-h1-size);
  color: var(--dm-color-primary);
  text-align: center;
}

.products-details-container .pd-description-container {
  /* padding: 5.1rem 25.7rem 6rem 21rem; */
  margin: 5.1rem 25.7rem 6rem 21rem;
  display: flex;
  gap: 4.5rem;
}

.products-details-container .pd-description-container .pd-description-left {
  width: 68.8rem;
}

.products-details-container
  .pd-description-container
  .pd-description-left
  .pd-main-sam-product-detail-table {
  font-size: var(--dm-font-body1-size);
  color: var(--dm-gray-500);
  width: 100%;
  border: 0.1px solid var(--dm-gray-200);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h3-weight);
}

.pd-main-sam-product-detail-table .label {
  background-color: #ccb5901f;
}

.pd-main-sam-product-detail-table tr td {
  border: 0.1rem solid var(--dm-color-border);
  padding: 0.9rem 0 0.9rem 2.3rem;
}

.pd-main-sam-product-detail-table tr td.value {
  padding-left: 14.7rem;
}

.pd-description-left .pd-detail-text {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-body1-size);
  line-height: var(--dm-font-body2-line);
}

.pd-description-left .pd-detail-text .special-text {
  color: var(--dm-color-primary);
}

.pd-description-left .pd-detail-content {
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
  margin: 2.4rem 0;
}

.pd-description-left .isShowPhone {
  display: flex;
}

.products-details-container .text-pc {
  display: flow;
}

.products-details-container .text-mobile {
  display: none;
}

.pd-description-left .pd-detail-operation {
  display: flex;
  justify-content: space-between;
}

.pd-description-left .pd-detail-operation button {
  width: 14rem;
  height: 4.2rem;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  font-size: var(--dm-font-body1-size);
}

.pd-description-left .pd-detail-operation .pd-detail-btn {
  display: flex;
  margin-right: 5rem;
}

.pd-description-left .pd-detail-operation .btn-left-add {
  border: 0.1px solid var(--dm-color-primary);
  border-radius: 0.4rem;
  color: var(--dm-color-primary);
}

.pd-description-left .pd-detail-operation .btn-right-inquiry {
  background-color: var(--dm-color-primary);
  border-radius: 0.4rem;
  color: var(--dm-color-white);
}

.pd-description-left .pd-detail-switch {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-right: 1.8rem;
}

/* 单位文字 */
.pd-description-left .pd-detail-switch .unit-label {
  font-size: var(--dm-font-body-text);
  color: var(--dm-gray-500);
}

/* 开关整体 */
.pd-description-left .pd-detail-switch .switch {
  position: relative;
  display: inline-block;
  width: 5.9rem;
  height: 2.4rem;
}

.pd-description-left .pd-detail-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* 滑块轨道 */
.pd-description-left .pd-detail-switch .slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #f2f2f2;
  border-radius: 1.25rem;

  /* 阴影盒 */
  transition: 0.3s;
}

/* 滑块按钮 */
.pd-description-left .pd-detail-switch .slider::before {
  position: absolute;
  content: '';
  height: 2rem;
  width: 2rem;
  left: 2px;
  bottom: 2px;
  background-color: var(--dm-color-primary); /* 棕色 */
  border-radius: 50%;
  transition: 0.3s;
}

/* 选中状态 */
.pd-description-left .pd-detail-switch .switch input:checked + .slider {
  background-color: #ccc;
}

.pd-description-left .pd-detail-switch .switch input:checked + .slider::before {
  transform: translateX(3.6rem);
}

/* 数量选择框 */
.pd-detail-operation .quantity-box {
  display: flex;
  align-items: center;
  border: 1px solid var(--dm-color-border);
}

.pd-detail-operation .quantity-box #decrease {
  border-right: 0.1rem solid var(--dm-color-border);
}

.pd-detail-operation .quantity-box #increase {
  border-left: 0.1rem solid var(--dm-color-border);
}

.pd-detail-operation .quantity-box .qty-btn {
  width: 4.1rem;
  line-height: 3.6rem;
  height: 4.1rem;
  border: none;
  background: #fff;
  display: flex;
  justify-content: center;
  font-size: 2.3rem;
  cursor: pointer;
  align-items: center;
}

.pd-detail-operation .quantity-box #quantity {
  width: 5.5rem;
  text-align: center;
  border: none;
  font-size: var(--dm-font-body-text);
  color: var(--dm-gray-500);
  outline: none;
}

.pd-detail-operation .quantity-box .qty-unit {
  font-size: var(--dm-font-body-text);
  color: var(--dm-gray-500);
}

.pd-detail-operation .quantity-box .input-width {
  width: 8.2rem;
  display: flex;
  align-items: center;
  margin-left: 1.3rem;
  margin-right: 1.3rem;
}

.pd-description-container .pd-description-right {
  display: flex;
}

.pd-description-container .pd-description-right .pd-products-img-container {
  width: 61rem;
  height: 61rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #ccb5904d;
}

.pd-description-container .pd-description-right .pd-products-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.2rem;
}

.pd-description-container .pd-description-right .pd-description-bar {
  margin: 1rem 0 1rem 2.1rem;
  overflow: auto;
  height: 59rem;
}

.pd-description-container .pd-description-right .pd-description-bar ol {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pd-description-container .pd-description-right .pd-description-bar ol li {
  width: 9rem;
  height: 9rem;
  border: 0.1rem solid var(--dm-color-border);
  cursor: pointer;
  overflow: hidden;
}

.pd-description-container
  .pd-description-right
  .pd-description-bar
  ol
  .selected {
  border: 0.1rem solid var(--dm-color-primary);
}

.pd-description-container .pd-description-right .pd-description-bar ol li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.pd-description-container
  .pd-description-right
  .pd-description-bar
  ol
  li
  img:hover {
  transform: scale(1.1);
}

.products-details-container .dm-introduction-container {
  padding: 0 21rem;
}

.products-details-container
  .dm-introduction-container
  .dm-introduction-tabsList {
  display: flex;
  gap: 11rem;
}

.products-details-container
  .dm-introduction-container
  .dm-introduction-tabsList
  li
  a {
  color: var(--dm-gray-500);
  font-size: 2rem;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);

  /* 禁止换行 */
  white-space: nowrap;
}

.products-details-container
  .dm-introduction-container
  .dm-introduction-tabsList
  li.active {
  font-weight: bold;
  border-bottom: 0.3rem solid #15141c;
  padding-bottom: 3rem;
}

.products-details-container .dm-introduction-show-content {
  border-top: 0.1rem solid var(--dm-color-border);
  padding: 4.2rem 21rem 6.6rem;
  background-color: #f8f6f1;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .reviews-title {
  color: var(--dm-color-primary);
  font-size: var(--dm-font-h2-size);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .reviews-top {
  display: flex;
  padding-bottom: 1.8rem;
  justify-content: space-between;
  border-bottom: 0.1rem solid var(--dm-color-border);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .reviews-edit {
  display: flex;
  align-items: center;
  gap: 1.1rem;

  /* 鼠标 */
  cursor: pointer;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .reviews-edit
  span {
  font-weight: var(--dm-font-body2-weight);
  font-size: var(--dm-font-body1-size);
  font-family: var(--dm-font-family-base);
  color: var(--dm-color-primary);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .dm-review-summary {
  padding: 3.5rem 0 3.3rem;
  display: flex;
  gap: 6rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .dm-review-summary
  .review-total-box {
  background-color: #f9f7f7;
  padding: 3rem 4.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  align-items: center;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .dm-review-summary
  .review-total-box
  p {
  color: var(--dm-color-text-light);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body1-size);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .star-range-count
  .star-range-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .star-range-count
  .star-range-item {
  color: var(--dm-color-text);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body-text);
  line-height: var(--dm-font-body3-line);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .star-range-count {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .no-comment-info {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body1-size);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  li {
  padding-top: 3rem;
  border-top: 0.1rem solid var(--dm-color-border);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container {
  margin-top: 3.5rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-item
  .area-avatar {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-item-left {
  display: flex;
  align-items: center;
  gap: 1.3rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-item {
  display: flex;
  align-items: center;
  gap: 5.4rem;
  margin-bottom: 2.1rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .area-author-title {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body1-size);
  margin-bottom: 0.4rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .area-author-time {
  color: var(--dm-color-border);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body2-weight);
  font-size: var(--dm-font-body-text);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-text
  .comment-area-star-range {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-text
  .comment-area-star-range
  p {
  color: var(--dm-color-subtext);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-body-text);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-text
  .comment-area-text-body {
  color: var(--dm-color-dark);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body1-size);
  line-height: var(--dm-font-body2-line);
  margin-bottom: 1rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-text
  .comments-operation-content
  .comments-operation {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-text
  .comments-operation-content
  .comments-operation
  p {
  color: #9d9d9c;
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body-text);
  font-weight: var(--dm-font-body-weight);
}

.products-details-container
  .dm-introduction-show-content
  .dm-tabs-reviews
  .comment-area-container
  .comment-area-text
  .comments-operation-content {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 1.4rem;
}

/* 遮罩层 */
.dm-dialog {
  position: fixed;
  inset: 0;
  z-index: 2000;
  height: 100%;
  background-color: #0000005c;
  overflow: auto;
  display: none;
}

.dm-dialog .dm-overlay-dialog {
  background-color: var(--dm-color-white);
  width: 56.8rem;
  min-height: 48.3rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 2.7rem 4.9rem 2.1rem;
}

.dm-dialog .dm-overlay-dialog header {
  text-align: center;
  padding-bottom: 1.7rem;
}

.dm-dialog .dm-overlay-dialog .dm-dialog-title {
  color: var(--dm-color-dark);
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-h3-size);
}

.dm-dialog .dm-header-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0;
  width: 1.2rem;
  height: 1.2rem;
  outline: none;
  cursor: pointer;
}

.dm-dialog .dm-header-close-btn svg {
  width: 1.2rem;
  height: 1.2rem;
}

.dm-dialog .form-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dm-dialog .form-content .form-item-label {
  font-family: var(--dm-font-family-base);
  color: var(--dm-color-dark);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-body1-size);
  line-height: var(--dm-font-body2-line);
}

.dm-dialog .form-content .form-item {
  /* margin-bottom: 2.7rem; */

  /* width:; */
  display: flex;
  flex-direction: column;
}

.dm-dialog .form-content .dm-item-input {
  padding: 0.7rem 1.8rem;
  margin-top: 0.7rem;
  width: 22.8rem;
  height: 3.8rem;
  border: 0.1rem solid var(--dm-color-border);
}

.dm-dialog .form-content .error-message {
  font-size: var(--dm-font-body-text);
  color: var(--dm-color-warning);
  height: var(--dm-font-body-line);
  font-family: Quicksand;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease; /* 动画时长可调 */
}

.dm-dialog .form-content .error-message .show {
  visibility: visible;
  opacity: 1;
}

.dm-dialog .form-content .star-rating {
  margin-top: 0.7rem;
}

.dm-dialog .form-content .star-rating svg {
  width: 1.7rem;
  height: 1.5rem;
}

.dm-dialog .form-content .form-item:last-child {
  width: 100%;
}

.dm-dialog .form-content .form-item .dm-item-textarea {
  margin-top: 0.7rem;
}

.dm-dialog .form-content .form-item .dm-item-textarea textarea {
  min-width: 47rem;
  min-height: 13.3rem;
  border: 1px solid var(--dm-gray-200);
  resize: vertical;
  padding: 1.5rem 1.8rem;
  line-height: var(--dm-font-h3-size);
}

.dm-dialog .dm-dialog-btn {
  display: flex;
  margin: 0 auto;
  margin-top: 2.4rem;
  width: 12.5rem;
  height: 4.6rem;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  font-size: 2.2rem;
  align-items: center;
  justify-content: center;
  background-color: var(--dm-color-primary);
  color: var(--dm-color-white);
}

/* 相关产品 */
.products-details-container .related-content {
  padding: 12.8rem 21rem 11.6rem;
}

.related-content .related-title {
  color: var(--dm-color-primary);
  text-align: center;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-h1-size);
  margin-bottom: 3.8rem;
}

.products-details-container .products-content-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 每行 3 个 */
  gap: 4.1rem; /* 元素之间的间距 */
  margin-bottom: 4.2rem;
}

.products-details-container .products-content-list .products-content-item {
  /* height: 71.9rem; */
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2.1rem;

  /* 不需要写 width: 31.7% 了，grid 会自动分配 */
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-img {
  width: 47rem;
  height: 47rem;
  overflow: hidden;
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-img
  > img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

/* 图片移入放大 移出缓慢 */
.products-details-container
  .products-content-list
  .products-content-item
  img:hover {
  transform: scale(1.1);
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-title {
  color: var(--dm-gray-500);
  font-size: var(--dm-font-h3-size);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  cursor: pointer;
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-desc {
  color: var(--dm-gray-400);
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body-weight);
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-btn {
  width: 25.9rem;
  height: 4.2rem;
  display: flex;
  border-radius: 0.4rem;

  /* border: 0.1rem solid var(--dm-color-primary); */
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-btn
  > button {
  flex: 1;
  font-family: var(--dm-font-family-base);
  color: var(--dm-color-primary);
  border-radius: 0.4rem;
  line-height: var(--dm-font-body1-size);
  font-weight: var(--dm-font-h2-weight);
  font-size: var(--dm-font-body1-size);
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-btn
  .inquiry {
  color: var(--dm-color-white) !important;
  background-color: var(--dm-color-primary);
}

.products-details-container
  .products-content-list
  .products-content-item
  .products-btn
  .addBag {
  border: 0.1rem solid var(--dm-color-primary);
}

.page-products {
  display: flex;
  width: 19.8rem;
  height: 2rem;
  justify-content: space-between;
  margin: 0 auto;
  gap: 1.8rem;
}

.page-btn {
  /* width: 2rem; */
  height: 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.page-numbers {
  display: flex;
  color: #333;
  font-size: var(--dm-font-body1-size);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  gap: 1.8rem;
}

.page-number {
  width: 1rem;
  height: 1.8rem;
}

.page-numbers button {
  /* 没有背景颜色 */
  background-color: transparent;
}

/* .pagination button.active {
  background: #333;
  color: #fff;
  font-weight: bold;
} */

.page-products .active {
  color: var(--dm-color-primary);
}

/* 底部信息填写 */
.products-details-container .footer-form-content-product-sum {
  background-color: var(--dm-color-gb);
  min-height: 120.8rem;
}

.products-details-container .footer-form-content-product-sum .not-verify {
  margin-bottom: 3rem;
}

.products-details-container .footer-form-content-product-sum .no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.products-details-container .footer-form-content-product-sum .loading-text-top {
  width: 88.7rem;
  height: 31.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.products-details-container .footer-form-content-product-sum .loading-info svg {
  /* width: 11.2rem;
  height: 11.2rem; */
  margin-bottom: 1.8rem;
  animation: spin 3s linear infinite; /* 无限旋转 */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4rem;
}

.loading-info p {
  color: var(--dm-gray-400);
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body-weight);
}

.not-title {
  color: var(--dm-color-dark);
  font-size: 2.2rem;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  height: 4.3rem;
  margin-bottom: 1.4rem;
  display: flex;
  align-items: center;
}

.not-spec {
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body-weight);
  color: #373737;
  line-height: 2.8rem;
  text-align: center;
}

/* 联系我们 */

.error-contact-content {
  width: 79.1rem;

  /* height: 45.5rem; */
  margin: 6.2rem auto 6.6rem;
}

.footer-form-content-product-sum .error-contact-content .error-contact-title {
  font-family: var(--dm-font-family-base);
  font-weight: 400;
  font-size: var(--dm-font-h1-size);
  text-align: center;
  color: var(--dm-color-primary);
}

.error-contact-content .form-content .form-item {
  /* margin-bottom: 2.7rem; */
  width: calc(50% - 5rem);
  display: flex;
  flex-direction: column;
}

.error-contact-content .form-content .one-line {
  /* margin-bottom: 2.7rem; */
  width: 100%;
  display: flex;
  flex-direction: column;
}

.error-contact-content .form-content .one-line > input {
  height: 4.4rem !important;
}

.error-contact-content .form-content .error-message {
  font-size: var(--dm-font-body1-size);
  color: var(--dm-color-warning);
  height: var(--dm-font-h2-size);
  font-family: Quicksand;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease; /* 动画时长可调 */
}

.error-contact-content .form-content .error-message.show {
  visibility: visible;
  opacity: 1;
}

.error-contact-content .form-content .form-item .form-check {
  color: #9d9d9c;
  display: flex;
  align-items: center;
  font-size: var(--dm-font-body1-size);
  font-weight: 400;
}

.error-contact-content .form-content .form-item .form-check input {
  margin-bottom: 0;
}

.error-contact-content .form-content {
  margin: 3rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-form-content-product-sum
  .error-contact-content
  .form-content
  .form-item-label {
  font-family: var(--dm-font-family-base);
  font-weight: 400;
  font-size: var(--dm-font-body1-size);
  color: #ffffff80;
}

.footer-form-content-product-sum
  .error-contact-content
  .form-content
  .form-item
  input,
.footer-form-content-product-sum
  .error-contact-content
  .form-content
  .form-item
  select {
  border-bottom: 1px solid var(--dm-color-white);
  outline: none;
  height: 2.2rem;
  font-family: var(--dm-font-family-base);
  font-weight: 400;
  color: var(--dm-color-white);
  font-size: var(--dm-font-body1-size);
}

.error-contact-content .form-content .form-item input:focus {
  border-bottom: 1px solid var(--dm-color-primary);
}

.error-contact-content .form-content .form-item .select-dropdown > ul {
  overflow-y: visible;
}

.dm-footer-form {
  font-weight: 500;
  font-style: medium;
  font-size: var(--dm-font-body1-size);
  leading-trim: none;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  border-radius: var(--dm-border-radius);
  text-decoration: none;
  width: 13.2rem;
  height: 5.6rem;
  color: var(--dm-color-white);
  font-family: Helvetica;
  background: var(--dm-color-gb);
  border: 0.1rem solid var(--dm-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.dm-footer-form:hover {
  background: var(--dm-color-white);
  color: var(--dm-color-primary);
  outline: 1px solid var(--dm-color-primary);
}

.footer-form-content-product-sum .select-dropdown {
  font-family: Roboto;
  font-weight: 400;
  position: relative;
  margin-bottom: 0.3rem;
}

.footer-form-content-product-sum .select-dropdown p {
  height: 2.2rem;
  line-height: 2.2rem;
  border-bottom: 1px solid var(--dm-color-white);
  cursor: pointer;
  font-size: var(--dm-font-body1-size);
  color: var(--dm-color-white);
}

.footer-form-content-product-sum .select-dropdown ul {
  top: 2.7rem;
  width: 100%;
  background-color: var(--dm-color-white);
  box-shadow: 0 2px 6px rgb(0 0 0 / 25%);
  position: absolute;
  overflow: auto;
  z-index: 10;
  font-size: var(--dm-font-body1-size);
  max-height: 20rem;
  overflow-y: auto;
  border: 0.3rem solid var(--dm-color-primary);
  border-radius: 0.6rem;
  display: none;
}

.footer-form-content-product-sum .select-dropdown ul li {
  height: var(--dm-font-h1-size);
  line-height: var(--dm-font-h1-size);
  padding: 0 1.25rem;
  color: #000;
  cursor: pointer;
}

.footer-form-content-product-sum .select-dropdown:hover .select-arrows path {
  stroke: var(--dm-color-primary);
}

.footer-form-content-product-sum .select-dropdown:hover p {
  border-bottom: 1px solid var(--dm-color-primary);
}

.footer-form-content-product-sum .select-dropdown .select-arrows {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}

.footer-form-content-product-sum .select-dropdown ul li:hover {
  background: var(--dm-color-primary);
  color: var(--dm-color-white);
}

.footer-form-content-product-sum .select-dropdown ul li {
  position: relative;
}

.footer-form-content-product-sum .select-dropdown .second-select {
  position: absolute;
  left: 100%;
  top: 0.21rem;
}

.footer-form-content-product-sum .select-dropdown ul li:hover ul {
  display: block;
}

.file-border-content {
  width: 40.5rem;
  border: 0.1rem dotted #d2d2d1;
  background-color: #fff3;
  border-radius: 0.6rem;
  margin-top: 2.2rem;
  padding: 2.4rem 7.1rem 1.8rem;
}

.file-body-content {
  width: 20.8rem;
  height: 8.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.file-content {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 1.6rem;
}

.btn-import {
  height: 4.2rem;
  background-color: var(--dm-color-primary);
  color: var(--dm-color-white);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  cursor: pointer;
}

.upload-text {
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body1-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
}

.upload-tips {
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
  color: var(--dm-color-white);
}

.file-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.file-name {
  color: var(--dm-gray-500);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
  width: 13.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-left-txt {
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.file-info .file-left-txt > img {
  margin: 0.5rem;
}

.footer-form-content-product-sum .tips-one p {
  font-size: var(--dm-font-body2-size);
  font-weight: var(--dm-font-body2-weight);
  font-family: var(--dm-font-family-base);
  line-height: var(--dm-font-body2-line);
  color: var(--dm-color-white);
}

.special-text {
  display: flex;
  gap: 0.4rem;
}

.file-tips {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  margin-bottom: 2.2rem;
}

@media (width <= 768px) {
  .products-details-container .text-pc {
    display: none;
  }

  .products-details-container .text-mobile {
    display: block;
  }

  .products-details-container .breadcrumb-link {
    margin: 2.3rem 3.1rem 4.2rem;
  }

  .products-details-container .pd-description-container {
    flex-direction: column-reverse;
    margin: 3.1rem 3.1rem 6rem;
    gap: 0;
  }

  .pd-description-container .pd-description-right {
    flex-direction: column;
  }

  .pd-description-container .pd-description-right .pd-products-img-container {
    width: 68.4rem;
    height: 68.4rem;
  }

  .pd-description-container .pd-description-right .pd-description-bar ol {
    flex-direction: row;
  }

  .pd-description-container .pd-description-right .pd-description-bar {
    height: 9rem;
    margin: 3rem auto;
  }

  .pd-main-sam-product-detail-table tr td {
    padding: 2.2rem 0 2.5rem 0.9rem;
  }

  .pd-main-sam-product-detail-table tr td.value {
    padding-left: 3.6rem;
  }

  .pd-main-sam-product-detail-table .label {
    font-weight: 600;
  }

  .pd-description-left .isShowPhone {
    display: none;
  }

  .pd-description-left .pd-detail-operation {
    margin-top: 8.4rem;
    align-items: center;
  }

  .pd-description-left .pd-detail-operation button {
    width: 16.8rem;
    height: 6.6rem;
    font-size: 2.6rem;
  }

  .pd-description-left .pd-detail-operation .pd-detail-btn {
    margin-right: 1.8rem;
  }

  .pd-description-left .pd-detail-switch {
    height: 100%;
  }

  .pd-detail-operation .quantity-box {
    height: 100%;
  }

  .products-details-container .dm-introduction-container {
    padding: 0 3.1rem;
  }

  .products-details-container
    .dm-introduction-container
    .dm-introduction-tabsList {
    display: flex;
    flex-wrap: wrap;
    gap: 3.9rem 9.3rem;
  }

  .products-details-container
    .dm-introduction-container
    .dm-introduction-tabsList
    li {
    padding-bottom: 1.6rem !important;
  }

  .products-details-container .dm-introduction-show-content {
    padding: 0 3.1rem;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .reviews-top {
    padding: 9.5rem 0 3.9rem;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .dm-review-summary
    .review-total-box {
    background-color: #ccb59036;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .dm-review-summary {
    gap: 3.8rem;
    padding: 6.7rem 0;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .star-range-count {
    gap: 2rem;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .star-range-count
    .star-range-item {
    font-size: 3.4rem;
    gap: 2.7rem;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .comment-area-container {
    margin-top: 5.9rem;
    padding-bottom: 6.1rem;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .comment-area-container
    .comment-area-item {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    gap: 4.2rem;
    padding-top: 3rem;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .comment-area-container
    .comment-area-text
    .comment-area-star-range {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    position: absolute;
    top: 8rem;
    right: 0;
    gap: 1rem;
  }

  .products-details-container
    .dm-introduction-show-content
    .dm-tabs-reviews
    .comment-area-container
    .comment-area-text
    .comment-area-text-body {
    line-height: 4.2rem;
    margin-bottom: 3rem;
  }

  .products-details-container .related-content {
    padding: 12.8rem 3.1rem 12.7rem;
  }

  .products-details-container .products-content-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .products-details-container
    .products-content-list
    .products-content-item
    .products-img {
    width: 33.4rem;
    height: 33.4rem;
  }

  .products-details-container .products-content-list .products-content-item {
    gap: 4.2rem;
  }

  .products-details-container
    .products-content-list
    .products-content-item
    .products-desc {
    /* 最多展示三行 */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 4.2rem;
  }

  .products-details-container
    .products-content-list
    .products-content-item
    .products-btn {
    width: 33.4rem;
    height: 6.6rem;
  }

  .products-details-container
    .products-content-list
    .products-content-item
    .products-btn
    > button {
    font-size: 2.6rem;
  }

  .page-products {
    height: 4.6rem;
  }

  .page-btn {
    height: 4.4rem;
  }

  .page-number {
    width: 1.3rem;
    height: 4.2rem;
  }

  .page-numbers {
    gap: 2.7rem;
  }

  .page-products {
    gap: 2.7rem;
  }

  .loading-text-top {
    width: 68.8rem;
    height: auto;
  }

  /* 错误信息 */
  .error-contact-content {
    padding: 0 3.1rem;
  }

  .error-contact-content .error-contact-title {
    font-size: 4.8rem;
  }

  .error-contact-content .form-content {
    margin-top: 8.2rem;
    margin-bottom: 7.6rem;
    width: auto;
  }

  .error-contact-content {
    width: auto;
    height: auto;
  }

  .error-contact-content .form-content .form-item {
    width: 100%;
  }

  .not-verify {
    margin-bottom: 5.4rem;
  }

  .error-contact-content .form-content .form-item input {
    height: 5.4rem;
  }

  .products-details-container .select-dropdown p {
    height: 5.4rem;
    line-height: 5.4rem;
  }

  .dm-footer-form {
    width: 32.9rem;
    height: 9.2rem;
  }

  .footer-form-content-product-sum .select-dropdown ul {
    top: 5.4rem;
  }

  .footer-form-content-product-sum .form-content .form-item input {
    height: 5.4rem !important;
  }

  .footer-form-content-product-sum .file-border-content {
    width: 42.3rem;
    margin: 2.2rem auto;
    padding: 2.3rem 6.9rem;
  }

  .footer-form-content-product-sum
    .error-contact-content
    .form-content
    .form-item-label {
    color: var(--dm-color-white);
  }

  .footer-form-content-product-sum
    .error-contact-content
    .form-content
    .upload-tips {
    font-size: 2.6rem;
  }

  .footer-form-content-product-sum
    .error-contact-content
    .form-content
    .btn-import {
    height: 6.2rem;
  }

  .footer-form-content-product-sum .file-body-content {
    width: 100%;
    height: 10.9rem;
  }

  .footer-form-content-product-sum .upload-text {
    font-size: 2.6rem;
  }
}
